
import React, { Fragment } from 'react';

function ChartContent(props) {
  return <Fragment>
    <article
            className="w-full scroll-mb-[var(--thread-trailing-height,150px)] text-token-text-primary focus-visible:outline-2 focus-visible:outline-offset-[-4px]"
            dir="auto"
            data-testid="conversation-turn-2"
            data-scroll-anchor="false"
          >
            <h5 className="sr-only">您说：</h5>
            <div
              className="m-auto text-base py-[18px] px-3 md:px-4 w-full md:px-5 lg:px-4 xl:px-5"
            >
              <div
                className="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl"
              >
                <div
                  className="group/conversation-turn relative flex w-full min-w-0 flex-col"
                >
                  <div className="flex-col gap-1 md:gap-3">
                    <div className="flex max-w-full flex-col flex-grow">
                      <div
                        data-message-author-role="user"
                        data-message-id="aaa2c9bc-17ff-42c2-aaae-34c5a2021301"
                        dir="auto"
                        className="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&amp;]:mt-5"
                      >
                        <div
                          className="flex w-full flex-col gap-1 empty:hidden items-end rtl:items-start"
                        >
                          <div
                            className="relative max-w-[var(--user-chat-width,70%)] rounded-3xl bg-token-message-surface px-5 py-2.5"
                          >
                            <div className="whitespace-pre-wrap">
                              你好，我是一个英语零基础学生，希望用30天时间内进行英语入门，请帮我列一个计划表。谢谢
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </article>
          <article
        className="w-full scroll-mb-[var(--thread-trailing-height,150px)] text-token-text-primary focus-visible:outline-2 focus-visible:outline-offset-[-4px]"
        dir="auto"
        data-testid="conversation-turn-3"
        data-scroll-anchor="true"
      >
        <h6 className="sr-only">ChatGPT 说：</h6>
        <div
          className="m-auto text-base py-[18px] px-3 md:px-4 w-full md:px-5 lg:px-4 xl:px-5"
        >
          <div
            className="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl"
          >
            <div
              className="flex-shrink-0 flex flex-col relative items-end"
            >
              <div>
                <div className="pt-0">
                  <div
                    className="gizmo-bot-avatar flex h-8 w-8 items-center justify-center overflow-hidden rounded-full"
                  >
                    <div
                      className="relative p-1 rounded-sm flex items-center justify-center bg-token-main-surface-primary text-token-text-primary h-8 w-8"
                    >
                      <svg
                        width="41"
                        height="41"
                        viewBox="0 0 41 41"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        className="icon-md"
                        role="img"
                      >
                        <text x="-9999" y="-9999">ChatGPT</text>
                        <path
                          d="M37.5324 16.8707C37.9808 15.5241 38.1363 14.0974 37.9886 12.6859C37.8409 11.2744 37.3934 9.91076 36.676 8.68622C35.6126 6.83404 33.9882 5.3676 32.0373 4.4985C30.0864 3.62941 27.9098 3.40259 25.8215 3.85078C24.8796 2.7893 23.7219 1.94125 22.4257 1.36341C21.1295 0.785575 19.7249 0.491269 18.3058 0.500197C16.1708 0.495044 14.0893 1.16803 12.3614 2.42214C10.6335 3.67624 9.34853 5.44666 8.6917 7.47815C7.30085 7.76286 5.98686 8.3414 4.8377 9.17505C3.68854 10.0087 2.73073 11.0782 2.02839 12.312C0.956464 14.1591 0.498905 16.2988 0.721698 18.4228C0.944492 20.5467 1.83612 22.5449 3.268 24.1293C2.81966 25.4759 2.66413 26.9026 2.81182 28.3141C2.95951 29.7256 3.40701 31.0892 4.12437 32.3138C5.18791 34.1659 6.8123 35.6322 8.76321 36.5013C10.7141 37.3704 12.8907 37.5973 14.9789 37.1492C15.9208 38.2107 17.0786 39.0587 18.3747 39.6366C19.6709 40.2144 21.0755 40.5087 22.4946 40.4998C24.6307 40.5054 26.7133 39.8321 28.4418 38.5772C30.1704 37.3223 31.4556 35.5506 32.1119 33.5179C33.5027 33.2332 34.8167 32.6547 35.9659 31.821C37.115 30.9874 38.0728 29.9178 38.7752 28.684C39.8458 26.8371 40.3023 24.6979 40.0789 22.5748C39.8556 20.4517 38.9639 18.4544 37.5324 16.8707ZM22.4978 37.8849C20.7443 37.8874 19.0459 37.2733 17.6994 36.1501C17.7601 36.117 17.8666 36.0586 17.936 36.0161L25.9004 31.4156C26.1003 31.3019 26.2663 31.137 26.3813 30.9378C26.4964 30.7386 26.5563 30.5124 26.5549 30.2825V19.0542L29.9213 20.998C29.9389 21.0068 29.9541 21.0198 29.9656 21.0359C29.977 21.052 29.9842 21.0707 29.9867 21.0902V30.3889C29.9842 32.375 29.1946 34.2791 27.7909 35.6841C26.3872 37.0892 24.4838 37.8806 22.4978 37.8849ZM6.39227 31.0064C5.51397 29.4888 5.19742 27.7107 5.49804 25.9832C5.55718 26.0187 5.66048 26.0818 5.73461 26.1244L13.699 30.7248C13.8975 30.8408 14.1233 30.902 14.3532 30.902C14.583 30.902 14.8088 30.8408 15.0073 30.7248L24.731 25.1103V28.9979C24.7321 29.0177 24.7283 29.0376 24.7199 29.0556C24.7115 29.0736 24.6988 29.0893 24.6829 29.1012L16.6317 33.7497C14.9096 34.7416 12.8643 35.0097 10.9447 34.4954C9.02506 33.9811 7.38785 32.7263 6.39227 31.0064ZM4.29707 13.6194C5.17156 12.0998 6.55279 10.9364 8.19885 10.3327C8.19885 10.4013 8.19491 10.5228 8.19491 10.6071V19.808C8.19351 20.0378 8.25334 20.2638 8.36823 20.4629C8.48312 20.6619 8.64893 20.8267 8.84863 20.9404L18.5723 26.5542L15.206 28.4979C15.1894 28.5089 15.1703 28.5155 15.1505 28.5173C15.1307 28.5191 15.1107 28.516 15.0924 28.5082L7.04046 23.8557C5.32135 22.8601 4.06716 21.2235 3.55289 19.3046C3.03862 17.3858 3.30624 15.3413 4.29707 13.6194ZM31.955 20.0556L22.2312 14.4411L25.5976 12.4981C25.6142 12.4872 25.6333 12.4805 25.6531 12.4787C25.6729 12.4769 25.6928 12.4801 25.7111 12.4879L33.7631 17.1364C34.9967 17.849 36.0017 18.8982 36.6606 20.1613C37.3194 21.4244 37.6047 22.849 37.4832 24.2684C37.3617 25.6878 36.8382 27.0432 35.9743 28.1759C35.1103 29.3086 33.9415 30.1717 32.6047 30.6641C32.6047 30.5947 32.6047 30.4733 32.6047 30.3889V21.188C32.6066 20.9586 32.5474 20.7328 32.4332 20.5338C32.319 20.3348 32.154 20.1698 31.955 20.0556ZM35.3055 15.0128C35.2464 14.9765 35.1431 14.9142 35.069 14.8717L27.1045 10.2712C26.906 10.1554 26.6803 10.0943 26.4504 10.0943C26.2206 10.0943 25.9948 10.1554 25.7963 10.2712L16.0726 15.8858V11.9982C16.0715 11.9783 16.0753 11.9585 16.0837 11.9405C16.0921 11.9225 16.1048 11.9068 16.1207 11.8949L24.1719 7.25025C25.4053 6.53903 26.8158 6.19376 28.2383 6.25482C29.6608 6.31589 31.0364 6.78077 32.2044 7.59508C33.3723 8.40939 34.2842 9.53945 34.8334 10.8531C35.3826 12.1667 35.5464 13.6095 35.3055 15.0128ZM14.2424 21.9419L10.8752 19.9981C10.8576 19.9893 10.8423 19.9763 10.8309 19.9602C10.8195 19.9441 10.8122 19.9254 10.8098 19.9058V10.6071C10.8107 9.18295 11.2173 7.78848 11.9819 6.58696C12.7466 5.38544 13.8377 4.42659 15.1275 3.82264C16.4173 3.21869 17.8524 2.99464 19.2649 3.1767C20.6775 3.35876 22.0089 3.93941 23.1034 4.85067C23.0427 4.88379 22.937 4.94215 22.8668 4.98473L14.9024 9.58517C14.7025 9.69878 14.5366 9.86356 14.4215 10.0626C14.3065 10.2616 14.2466 10.4877 14.2479 10.7175L14.2424 21.9419ZM16.071 17.9991L20.4018 15.4978L24.7325 17.9975V22.9985L20.4018 25.4983L16.071 22.9985V17.9991Z"
                          fill="currentColor"
                        ></path>
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              className="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn"
            >
              <div className="flex-col gap-1 md:gap-3">
                <div className="flex max-w-full flex-col flex-grow">
                  <div
                    data-message-author-role="assistant"
                    data-message-id="cc0a1cff-3321-46c6-bf23-8ef31304b3c6"
                    dir="auto"
                    className="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&amp;]:mt-5"
                    data-message-model-slug="gpt-4o-mini"
                  >
                    <div
                      className="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]"
                    >
                      <div
                        className="markdown prose w-full break-words dark:prose-invert light"
                      >
                        <p>
                          你好！很高兴能帮助你开始英语学习。30天内从零基础入门英语，虽然时间不算很长，但通过合理的学习计划和坚持，完全可以取得不错的进展。下面是一个为期30天的英语入门学习计划，主要侧重于日常词汇、基础语法、听说练习等，帮助你建立英语的基础。
                        </p>
                        <h3>第1-5天：字母与发音</h3>
                        <p>
                          <strong>目标：</strong>
                          了解英语字母、发音规则，学习基本的单词。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                学习英语26个字母及发音（大写和小写）。
                              </li>
                              <li>
                                学习元音字母（A, E, I, O,
                                U）和辅音字母的基本发音。
                              </li>
                              <li>
                                熟悉常见的英语单词和短语，如数字、颜色、常见物品的名字（例如：apple,
                                book, cat等）。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>听英语字母歌，跟着模仿发音。</li>
                              <li>
                                用手机或电脑学习应用（如Duolingo、HelloTalk）进行字母和发音练习。
                              </li>
                              <li>
                                制作一张字母卡片，每天重复发音。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>
                                每天学习5个新单词，记住它们的拼写与发音。
                              </li>
                              <li>
                                听英语发音视频或音频，模仿练习。
                              </li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>第6-10天：基础词汇与短语</h3>
                        <p>
                          <strong>目标：</strong>
                          扩展日常生活中的基本词汇和常用短语。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                学习问候语、日常用语（例如：Hello,
                                How are you? What is your name?）。
                              </li>
                              <li>学习数字1-20的发音和写法。</li>
                              <li>
                                学习表示时间、日期的词汇（例如：today,
                                tomorrow, morning, afternoon,
                                night）。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>
                                观看简单的英语教学视频或动画（如YouTube上的"English
                                for beginners"）。
                              </li>
                              <li>
                                听简单的英语对话，尽量跟着模仿。
                              </li>
                              <li>
                                用记单词卡片的方式进行复习和记忆。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>学习并能使用3-5个新短语。</li>
                              <li>练习日常问候和自我介绍。</li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>第11-15天：基础语法与句型</h3>
                        <p>
                          <strong>目标：</strong>
                          掌握英语基本句型结构，能进行简单的自我介绍和提问。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                理解英语句子的基本结构：主语 + 谓语
                                + 宾语（例如：I am a student.）。
                              </li>
                              <li>
                                学习简单的肯定句、否定句和疑问句（例如：I
                                am not a teacher. Are you a
                                student?）。
                              </li>
                              <li>
                                学习常用动词be动词（am, is,
                                are）和动词have。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>
                                用英语句型进行自我练习，例如：“I am
                                [name]. I am from [city]. I like
                                [hobby].”
                              </li>
                              <li>
                                用语法书或应用程序学习基本语法，并进行练习。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>
                                学习1-2个语法点，进行句型转换练习。
                              </li>
                              <li>
                                写一段简单的自我介绍或日常对话。
                              </li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>第16-20天：提升听力与口语</h3>
                        <p>
                          <strong>目标：</strong>
                          通过听力材料提升英语听力，练习简单的口语对话。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                听短篇英语对话，逐步提高听力理解能力（可以选择儿童英语故事或英语学习应用中的听力材料）。
                              </li>
                              <li>
                                学习与日常生活相关的常见对话（例如：在商店购物、问路等）。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>
                                每天听英语录音或视频（例如：BBC
                                Learning English、VOA Learning
                                English）。
                              </li>
                              <li>跟读材料并模仿语音、语调。</li>
                              <li>
                                找语伴进行简单对话练习，可以通过语言交换应用（如HelloTalk、Tandem）找到英语学习伙伴。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>
                                听10-15分钟的英语材料，做简单笔记。
                              </li>
                              <li>模仿对话内容，进行跟读练习。</li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>第21-25天：加强阅读与写作</h3>
                        <p>
                          <strong>目标：</strong>
                          通过阅读简单的英语文章，提升阅读理解能力，并开始进行基本写作练习。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                阅读简单的英语文章（如英语儿童书籍、短篇故事）。
                              </li>
                              <li>
                                学习常见的连接词（例如：and, but,
                                because）和时间表达（例如：today,
                                yesterday, tomorrow）。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>
                                阅读材料时查阅不懂的单词，积累词汇。
                              </li>
                              <li>
                                尝试用英语写简单的句子，例如：描述你的家人、朋友、一天的活动。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>阅读1-2篇短篇文章或故事。</li>
                              <li>每天写一段简短的日记或描述。</li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>第26-30天：综合复习与应用</h3>
                        <p>
                          <strong>目标：</strong>
                          将所学知识进行复习和应用，提升英语的实际沟通能力。
                        </p>
                        <ol>
                          <li>
                            <p><strong>学习内容：</strong></p>
                            <ul>
                              <li>
                                复习所有学过的词汇、句型和语法点。
                              </li>
                              <li>
                                增强英语的实际应用能力，例如进行英语日常对话、介绍自己和他人、进行简单的提问和回答。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>学习方式：</strong></p>
                            <ul>
                              <li>
                                听真实的英语对话或视频，尝试理解并总结其中的句子结构和表达方式。
                              </li>
                              <li>
                                找语言交换伙伴进行日常对话，逐步提高英语实际应用能力。
                              </li>
                            </ul>
                          </li>
                          <li>
                            <p><strong>每日任务：</strong></p>
                            <ul>
                              <li>
                                进行至少10分钟的英语口语对话练习。
                              </li>
                              <li>
                                复习并总结本月学习的重点内容。
                              </li>
                            </ul>
                          </li>
                        </ol>
                        <hr />
                        <h3>额外建议：</h3>
                        <ul>
  
                        </ul>
                        <p>
                          通过这个30天计划，你可以打下一个坚实的英语基础，接下来可以逐步提高词汇量、语法知识，进行更多的实际应用练习。加油，坚持下去，你一定能看到显著进步！
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="mb-2 flex gap-3 empty:hidden -ml-2">
                  <div
                    className="items-center justify-start rounded-xl p-1 flex"
                  >
                    <div className="flex items-center">
                      <span className="" data-state="closed"
                      ><button
                        className="rounded-lg text-token-text-secondary hover:bg-token-main-surface-secondary"
                        aria-label="复制"
                        data-testid="copy-turn-action-button"
                      >
                          <span
                            className="flex h-[30px] w-[30px] items-center justify-center"
                          ><svg
                            width="24"
                            height="24"
                            viewBox="0 0 24 24"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                            className="icon-md-heavy"
                          >
                              <path
                                fillRule="evenodd"
                                clipRule="evenodd"
                                d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z"
                                fill="currentColor"
                              ></path>
                            </svg></span></button>
                      </span><span className="hidden"></span>
                    </div>
                  </div>
                </div>
                <div className="pr-2 lg:pr-0"></div>
                <div className="mt-3 w-full empty:hidden">
                  <div className="text-center"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </article>
  </Fragment>
}

export default ChartContent;